﻿<!DOCTYPE HTML>
<%@page contentType="text/html; charset=UTF-8" language="java" %>
<% String path = request.getContextPath(); %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html xmlns:wb="http://open.weibo.com/wb">
<head>
    <script type="text/javascript" async="" src="<%=path%>/static/web/js/conversion.js">
    </script>
    <script src="<%=path%>/static/web/js/allmobilize.min.js" charset="utf-8" id="allmobilize">
    </script>
    <style type="text/css"></style>
    <meta content="no-siteapp" http-equiv="Cache-Control">
    <link media="handheld" rel="alternate">
    <!-- end 云适配 -->
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>基本信息-招聘服务-拉勾网-最专业的互联网招聘平台</title>
    <meta content="23635710066417756375" property="qc:admins">
    <meta name="description" content="拉勾网是3W旗下的互联网领域垂直招聘网站,互联网职业机会尽在拉勾网">
    <meta name="keywords"
          content="拉勾,拉勾网,拉勾招聘,拉钩, 拉钩网 ,互联网招聘,拉勾互联网招聘, 移动互联网招聘, 垂直互联网招聘, 微信招聘, 微博招聘, 拉勾官网, 拉勾百科,跳槽, 高薪职位, 互联网圈子, IT招聘, 职场招聘, 猎头招聘,O2O招聘, LBS招聘, 社交招聘, 校园招聘, 校招,社会招聘,社招">
    <meta content="QIQ6KC1oZ6" name="baidu-site-verification">

    <!-- <div class="web_root"  style="display:none">http://www.lagou.com</div> -->
    <script type="text/javascript">
        var ctx = "http://www.lagou.com";
        console.log(1);
    </script>
    <link href="http://www.lagou.com/images/favicon.ico" rel="Shortcut Icon">
    <link href="<%=path%>/static/web/css/style.css" type="text/css" rel="stylesheet">
    <link href="<%=path%>/static/web/css/external.min.css" type="text/css" rel="stylesheet">
    <link href="<%=path%>/static/web/css/popup.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="<%=path%>/static/web/js/jquery.1.10.1.min.js"></script>
    <script src="<%=path%>/static/web/js/jquery.lib.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="<%=path%>/static/web/js/ajaxfileupload.js"></script>
    <script src="<%=path%>/static/web/js/additional-methods.js" type="text/javascript"></script>
    <!--[if lte IE 8]>
    <script type="text/javascript" src="<%=path%>/static/web/js/excanvas.js"></script>
    <script type="text/javascript" src="static/js/jquery-3.5.1.min.js"></script>
<![endif]-->
    <script type="text/javascript">
        var youdao_conv_id = 271546;
    </script>
    <script src="<%=path%>/static/web/js/conv.js" type="text/javascript"></script>
    <script src="<%=path%>/static/web/js/ajaxCross.json" charset="UTF-8"></script>
    <script>
        var paths = "${pageContext.request.contextPath}";
        //规模
        function scale() {
            $("#scale>li").click(function () {
                var scaleId = $(this).attr("id");
                $("#scaleId").val(scaleId);
            });
        }
        //阶段
        function stage() {
            $("#stage>li").click(function () {
                var stageId = $(this).attr("id");
                $("#stageId").val(stageId);
            });
        }
        //行业
        function industrys(){
            $("#industryid>li").click(function () {
                var industryId = $(this).attr("id");
                $("#industryIds").val(industryId);
            });

        }
        //县区
        function cityes(){
            var cityId = $("#listCity").val();
            var options=$("#listCity option:selected");
            $("#cityName").val(options.text());
            $("#cityId").val(cityId);
            $.ajax({
                url:paths+"/zhuang/district",
                async:false,
                data:{cityId:cityId},
                success:function (distrcts) {
                    $("#listDistrict").html("");
                    var distrct = distrcts.split(",");//分割
                    //数据开头为空，所有i从1开始
                    for(var i=1;i<distrct.length;i++){
                        var distrctes = distrct[i].split(":");
                        var option = $("<option></option>");//创建option对象
                        option.val(distrctes[0]);//id
                        option.html(distrctes[1]);//城市名称
                        $("#listDistrict").append(option);//累加
                    }
                }
            });
        }
        //城市
        function provinces() {
            var privonceId = $("#province").val();
            var options=$("#province option:selected");
            $("#provinceName").val(options.text());
            $.ajax({
                url:paths+"/zhuang/city",
                async:false,
                data:{privonceId:privonceId},
                success:function (citys) {
                    $("#listCity").html("");
                    var city = citys.split(",");//分割
                    //数据开头为空，所有i从1开始
                    for(var i=1;i<city.length;i++){
                        var cities = city[i].split(":");
                        var option = $("<option></option>");//创建option对象
                        option.val(cities[0]);//id
                        option.html(cities[1]);//城市名称
                        $("#listCity").append(option);//累加
                    }
                }
            });
            cityes();
        }
        //初始化
        $(function () {
            $("#myform").submit(addCompanyMessage);
            $("#province").change(provinces);
            $("#listCity").change(cityes);
            stage();
            scale();
            industrys();
            provinces();
        });
        function addCompanyMessage() {
            var companyAbbreviation = $("#companyAbbreviation").val();
            var address = $("#address").val();
            if (companyAbbreviation==""){
                $("#massage").html("");
                $("#massage").html("请输入公司简称");
                return false;
            }
            if (address==""){
                $("#massage").html("");
                $("#massage").html("请填写详细地址");
                return false;
            }
            var options=$("#listDistrict option:selected");//获取选中的项
            //alert(options.val()); //拿到选中项的值
            //districtName = ();//拿到选中项的文本
            //alert(options.attr('url')); //拿到选中项的url值
            $("#districtName").val(options.text());
        }
    </script>
</head>
<body>
<div id="body">
   <jsp:include page="/zhuang/include/header"></jsp:include>
    <div id="container">

        <div style="" id="stepTip">
            <a></a>
            <img width="803" height="59" src="<%=path%>/static/web/images/tiponce.jpg">
        </div>
        <div class="content_mid">
            <dl class="c_section c_section_mid">
                <dt>
                    <h2><em></em>填写公司信息</h2>
                </dt>
                <dd>
                    <form id="myform" action="${pageContext.request.contextPath}/zhuang/addCompanyMessage1" method="post">
                        <div class="c_text_1">基本信息为必填项，是求职者加速了解公司的窗口，认真填写吧！</div>
                        <img width="668" height="56" class="c_steps" alt="第一步"
                             src="<%=path%>/static/web/images/step1.png">
                        <h3>公司全称 <span>${sessionScope.company.companyName}</span></h3>
                        <h3>公司LOGO</h3>
                        <input type="hidden" id="logo" name="logo">
                        <iframe src="/zhuang/upload/uploadPic"></iframe>
                        <h3>公司简称</h3>
                        <input type="text" placeholder="请输入公司简称，如:拉勾" name="companyAbbreviation" id="companyAbbreviation" class="valid">
                        <h3>所在城市</h3>
                        <select id="province" name="province" style="width: 180px;border-left: 2px solid #019875;border: 2px solid #019875;margin-top: 20px;height: 38px;font-size: 20px;position:relative">
                            <c:forEach items="${requestScope.provinces}" var="province">
                                <option datas="${province.id}" name="${province.provinceName}"  value="${province.id}">${province.provinceName}</option>
                            </c:forEach>
                        </select>
                        <select id="listCity" name="listCity" style="width: 180px;border-left: 2px solid #019875;border: 2px solid #019875;margin-top: 20px;margin-left: 20px;height: 38px;font-size: 20px;position:relative">

                        </select>
                        <select id="listDistrict" name="listDistrict" style="width: 180px;border-left: 2px solid #019875;border: 2px solid #019875;margin-top: 20px;margin-left: 20px;height: 38px;font-size: 20px;position:relative">

                        </select>
                        <h3>详细地址</h3>
                        <input type="text" placeholder="请输入详细地址" name="address" id="address">

                        <h3>行业领域</h3>
                        <div>
                            <input type="hidden" value="" id="select_industry_hidden">
                            <input type="button" value="请选择行业领域"id="select_industry" class="select">
                            <div class="dn" id="box_industry" style="display: none;">
                                <ul class="reset" id="industryid">
                                    <c:forEach items="${requestScope.industries}" var="industry">
                                        <li id="${industry.parent.id}">${industry.parent.industryName}</li>
                                    </c:forEach>
                                </ul>
                            </div>
                        </div>

                        <h3>公司规模</h3>
                        <div>
                            <input type="hidden" value="" id="select_scale_hidden">
                            <input type="button" value="请选择公司规模" id="select_scale" class="select">
                            <div class="dn" id="box_scale" style="display: none;">
                                <ul class="reset" id="scale">
                                    <c:forEach items="${requestScope.scales}" var="scale">
                                        <li id="${scale.id}">${scale.range}</li>
                                    </c:forEach>
                                </ul>
                            </div>
                        </div>

                        <h3>发展阶段</h3>
                        <div>
                            <input type="hidden" id="s_radio_hidden" value="" name="s_radio_hidden">
                            <ul class="s_radio clearfix s_radio_ex" id="stage">
                                <c:forEach items="${requestScope.stages}" var="stage">
                                    <li id="${stage.id}">${stage.stageName}</li>
                                </c:forEach>
                            </ul>
                        </div>
                        <span style="display:none;" class="error" id="beError"></span>
                        <input type="hidden" id="provinceName" name="provinceName" value="">
                        <input type="hidden" id="cityName" name="cityName" value="">
                        <input type="hidden" id="cityId" name="city.id" value="">
                        <input type="hidden" id="districtName" name="districtName" value="">
                        <input type="hidden" id="scaleId" name="scale.id" value="">
                        <input type="hidden" id="stageId" name="stage.id" value="">
                        <input type="hidden" id="industryIds" name="industry.id" value="">
                        <span id="massage" style="color: red;font-size: 30px"></span>
                        <span style="color: red;font-size: 30px">
                            <c:if test="${param.error eq 'mes'}">请检查是否填写完整</c:if>
                        </span>


                        <input type="submit" value="保存，下一步" class="btn_big fr">
                    </form>
                </dd>
            </dl>
        </div>

        <!-------------------------------------弹窗lightbox  ----------------------------------------->
        <div style="display:none;">
            <!--图片上传-->
            <div style="width:650px;height:470px;" class="popup" id="logoUploader">
                <object width="650" height="470" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="FlashID">
                    <param value="../../flash/avatar.swf?url=http://www.lagou.com/cd/saveProfileLogo.json" name="movie">
                    <param value="high" name="quality">
                    <param value="opaque" name="wmode">
                    <param value="111.0.0.0" name="swfversion">
                    <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 -->
                    <param value="../../Scripts/expressInstall.swf" name="expressinstall">
                    <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->
                    <!--[if !IE]>-->
                    <object width="650" height="470"
                            data="../../flash/avatar.swf?url=http://www.lagou.com/cd/saveProfileLogo.json"
                            type="application/x-shockwave-flash">
                        <!--<![endif]-->
                        <param value="high" name="quality">
                        <param value="opaque" name="wmode">
                        <param value="111.0.0.0" name="swfversion">
                        <param value="../../Scripts/expressInstall.swf" name="expressinstall">
                        <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->
                        <div>
                            <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>
                            <p><a href="http://www.adobe.com/go/getflashplayer"><img width="112" height="33"
                                                                                     src="<%=path%>/static/web/images/get_flash_player.gif"
                                                                                     alt="获取 Adobe Flash Player"></a>
                            </p>
                        </div>
                        <!--[if !IE]>-->
                    </object>
                    <!--<![endif]-->
                </object>
            </div><!-- #logoUploader -->
        </div>
        <!------------------------------------- end ----------------------------------------->

        <script src="<%=path%>/static/web/js/step1.min.js" type="text/javascript"></script>
        <script>
            var avatar = {};
            avatar.uploadComplate = function (data) {
                var result = eval('(' + data + ')');
                if (result.success) {
                    jQuery('#logoShow img').attr("src", ctx + '/' + result.content);
                    jQuery.colorbox.close();
                    jQuery('#logoNo').hide();
                    jQuery('#logoShow').show();
                }
            };
        </script>
        <div class="clear"></div>
        <input type="hidden" value="13ae35fedd9e45cdb66fb712318d7369" id="resubmitToken">
        <a rel="nofollow" title="回到顶部" id="backtop" style="display: none;"></a>
    </div><!-- end #container -->
</div><!-- end #body -->
<jsp:include page="/zhuang/include/footer"></jsp:include>

<script src="<%=path%>/static/web/js/core.min.js" type="text/javascript"></script>
<script src="<%=path%>/static/web/js/popup.min.js" type="text/javascript"></script>

<!--  -->


<div id="cboxOverlay" style="display: none;"></div>
<div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;">
    <div id="cboxWrapper">
        <div>
            <div id="cboxTopLeft" style="float: left;"></div>
            <div id="cboxTopCenter" style="float: left;"></div>
            <div id="cboxTopRight" style="float: left;"></div>
        </div>
        <div style="clear: left;">
            <div id="cboxMiddleLeft" style="float: left;"></div>
            <div id="cboxContent" style="float: left;">
                <div id="cboxTitle" style="float: left;"></div>
                <div id="cboxCurrent" style="float: left;"></div>
                <button type="button" id="cboxPrevious"></button>
                <button type="button" id="cboxNext"></button>
                <button id="cboxSlideshow"></button>
                <div id="cboxLoadingOverlay" style="float: left;"></div>
                <div id="cboxLoadingGraphic" style="float: left;"></div>
            </div>
            <div id="cboxMiddleRight" style="float: left;"></div>
        </div>
        <div style="clear: left;">
            <div id="cboxBottomLeft" style="float: left;"></div>
            <div id="cboxBottomCenter" style="float: left;"></div>
            <div id="cboxBottomRight" style="float: left;"></div>
        </div>
    </div>
    <div style="position: absolute; width: 9999px; visibility: hidden; display: none;"></div>
</div>
</body>
</html>